<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>学生管理系统</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap/css/bootstrap.css}">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script type="text/javascript" th:src="@{/bootstrap/js/jquery-3.5.1.js}"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script type="text/javascript" th:src="@{/bootstrap/js/bootstrap.js}"></script>
    <style>

        .disableCss {
            pointer-events: none;
            color: #afafaf;
            cursor: default;
            opacity: 0.5;
        }

        .container-fluid {
            padding-right: 50px;
            padding-left: 50px;
        }
    </style>
    <!--    <script >-->
    <!--        $(document).ready(function () {-->
    <!--            // each 是 为每一个匹配的元素 执行定义的方法-->
    <!--            $("#ul_header").find("li").each(function () {-->
    <!--                var a = $(this).find("a:first")[0];-->
    <!--                // location.pathname 获取 当前浏览器上的url 地址-->
    <!--                if ($(a).attr("href") === parent.document.getElementById("frame").contentWindow.location.href) {-->
    <!--                    $(this).addClass("active");-->
    <!--                } else {-->
    <!--                    $(this).removeClass("active");-->
    <!--                }-->
    <!--            });-->

    <!--        });-->
    <!--    </script >-->

</head>

<body>
<div class="container-fluid">
    <div class="row clearfix">
        <div class="col-md-auto column">
            <div class="page-header">
                <h1>
                    学生管理系统 <small>管理员</small>
                </h1>
            </div>
            <ul class="nav nav-tabs" id="navii" th:fragment="tempul">
                <li class="active">
                    <a th:href="@{/home}" target="frame">首页</a>
                </li>
                <li>
                    <a th:href="@{/managementStudent}" target="frame">学生信息管理</a>
                </li>
                <li>
                    <a th:href="@{/managementPower}" target="frame">授权管理</a>
                </li>
                <li>
                    <a th:href="@{/managementGrade}" target="frame">成绩管理</a>
                </li>
                <li>
                    <a th:href="@{/auditRequest}" target="frame">请求审核</a>
                </li>
                <li class="dropdown pull-right">
                    <div class="dropdown">
                        <button type="button" class="btn btn-primary dropdown-toggle" id="dropdownMenu1"
                                data-toggle="dropdown">
                            <span class="glyphicon glyphicon-user"></span>操作
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                            <li role="presentation">
                                <a class="disableCss" role="menuitem" tabindex="-1" th:text="用户 +${loginUser}"></a>
                            </li>
                            <li role="presentation" class="divider"></li>
                            <li role="presentation">
                                <a role="menuitem" tabindex="-1" th:href="@{/}">切换用户</a>
                            </li>
                            <li role="presentation">
                                <a role="menuitem" tabindex="-1" th:href="@{/changePassword}">修改密码</a>
                            </li>
                            <li role="presentation" class="divider"></li>
                            <li role="presentation">
                                <a role="menuitem" tabindex="-1" th:href="@{/}">退出系统</a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
            <iframe name="frame" width="100%" height="1500" th:src="@{/home}" allowfullscreen="allowfullscreen"
                    frameborder="0"></iframe>
        </div>
    </div>
</div>
</body>
</html>
